<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.25rem;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content">
      <h3 style="font-size: 0.25rem">公司级安全教育记录</h3>
      <div class="table-form">
        <el-form ref="dataForm" :model="companyEduForm" label-width="138px" class="dataForm">
          <el-row>
            <el-row style="width: 100%">
              <el-col :span="24">
                <el-row style="border-bottom: 1px solid">
                  <el-col :span="24" style="text-align: left; padding-left: 10px"> 教育内容： </el-col>
                </el-row>
                <el-row>
                  <el-col :span="24" style="text-align: left; padding: 5px">
                    <div class="text-indent mb-5px" style="font-weight: 600">一、国家、省市及有关部门制定的安全生产方针、政策、法规、标准、规程</div>
                    <div class="text-indent mb-5px">1、安全生产关系人民群众的生命财产安全，关系改革发展和社会稳定大局。搞好安全生产工作，切实保障人民群众的生命财产安全，体现了最广大人民群众的根本利益，反映了先进生产力的发展要求和先进文化的前进方向。</div>
                    <div class="text-indent mb-5px">安全生产关系到企业生存与发展，如果安全生产搞不好，发生伤亡事故和职业病，劳动者的安全健康受到危害，企业就会遭受巨大损失。可见，要发展社会主义市场经济，企业要长远发展，必须做好安全生产、劳动保护工作。</div>
                    <div class="text-indent mb-5px">2、我国安全生产的方针是“安全第一、预防为主，综合治理”。“安全第一”就是要把国家和人民生命、财产的安全放在一切工作的首位，它表明在进行生产的同时要把安全工作始终放在首位，并作为头等大事来抓。</div>
                    <div class="text-indent mb-5px">3、我国现行的铁路施工现场常用安全法律、法规有:</div>
                    <div class="text-indent mb-5px">(1)《安全生产法》 (2)《中华人民共和国铁路法》等。</div>
                    <div class="text-indent mb-5px" style="font-weight: 600">二、安全生产基本知识和消防常识</div>
                    <div class="text-indent mb-5px">见后续安全、消防考试试卷。</div>
                    <div class="text-indent mb-5px" style="font-weight: 600">三、本单位的安全生产情况及安全生产规章制度</div>
                    <div class="text-indent mb-5px">1.安全生产情况：本单位自成立以来，严格遵守国家法律法规，不断完善各种安全生产规章制度，提高安全生产管理水平，有效遏制了事故的发生，将安全生产的方针贯彻落实到位。</div>
                    <div class="text-indent mb-5px">2.安全生产规章制度包括不限于：《中铁九局安全生产管理标准》、《中铁九局铁路建设项目安全穿透式工作管理规定》、《中国中铁铁腕治安硬十条》、《中铁九局安全质量环保环保考核评价与奖惩管理办法》等</div>
                    <div class="text-indent mb-5px" style="font-weight: 600">四、从业人员的安全生产权利和义务</div>
                    <div class="text-indent mb-5px">见职业危害告知书</div>
                    <div class="text-indent mb-5px" style="font-weight: 600">五、典型事故案例分析及其教训</div>
                    <div class="text-indent mb-5px">重大伤亡事故主要表现在高处坠落、物体打击、机械伤害、触电、坍塌等，究其原因主要是违反操作规程和劳动纪律，安全教育不够、管理不严、违章作业、防护缺陷不严等。“血的教训”告诉我们，在抓工程进度、质量的同时，要摆正效益与安全之间的关系，确实重视安全生产管理工作。强化检查监督，发现隐患及时整改，健全制度，当生产与安全相矛盾时，应先抓安全。</div>
                    <div class="text-indent mb-5px" style="margin-bottom: 100px">结合警示教育视频、ppt对近期发生的典型事故案例进行分析，总结经验教训。</div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <el-form-item label="主讲人" prop="" class="formItemDuty" style="display: flex; align-items: center">
                      <div class="formItemDutyIn" style="width: 100%; height: 0.36rem">
                        <!-- <el-input class="formItemDutyIn" v-show="!companyEduForm.person" style="height: 0.36rem;"></el-input> -->
                        <el-image class="sign_img2" v-show="companyEduForm.speakerSign" :src="companyEduForm.speakerSign" fit="fill"></el-image>
                      </div>
                    </el-form-item>
                  </el-col>
                  <el-col :span="12">
                    <el-form-item label="受教育人" prop="" class="formItemDuty" style="display: flex; align-items: center" @click="setUpEquipment('companyEduForm.eiSign','TaskSignFinger')">
                      <div class="formItemDutyIn" style="width: 100%; height: 0.36rem">
                        <!-- <el-input class="formItemDutyIn" v-show="!companyEduForm.person" style="height: 0.36rem;"></el-input> -->
                        <el-image class="sign_img2" v-show="companyEduForm.eiSign" :src="companyEduForm.eiSign" fit="fill"></el-image>
                      </div>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="24">
                    <el-form-item label="受教育时间" prop="" class="formItemDuty" style="display: flex; align-items: center">
                      <div class="formItemDutyIn" style="width: 100%; height: 0.36rem; line-height: 0.36rem">
                        <el-input v-model="companyEduForm.syear" @input="onInput($event,'syear')" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
                        年
                        <el-input v-model="companyEduForm.smonth" @input="onInput($event,'smonth')" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
                        月
                        <el-input v-model="companyEduForm.sday" @input="onInput($event,'sday')" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
                        日
                        <span style="margin: 0 10px">至</span>
                        <el-input v-model="companyEduForm.eyear" @input="onInput($event,'eyear')" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
                        年
                        <el-input v-model="companyEduForm.emonth" @input="onInput($event,'emonth')" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
                        月
                        <el-input v-model="companyEduForm.eday" @input="onInput($event,'eday')" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
                        日
                      </div>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>
          </el-row>
        </el-form>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const companyEduForm = ref({
            speakerSign: "", // 主讲人
            eiSign: "", // 受教育人
            syear: "",
            smonth: "",
            sday: "",
            eyear: "",
            emonth: "",
            eday: "",
          });
          window.setSign = (event) => {
            companyEduForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return companyEduForm.value;
          };
          window.setData = (data) => {
            // 左边  当天-6
            const today = new Date();
            // 复制日期对象以避免修改原始日期
            const pastDate = new Date(today);
            // 减去6天
            pastDate.setDate(today.getDate() - 6);
            companyEduForm.value.syear = pastDate.getFullYear().toString();
            companyEduForm.value.smonth = String(pastDate.getMonth() + 1).padStart(2, "0"); // 月份从0开始，需+1并补零
            companyEduForm.value.sday = String(pastDate.getDate()).padStart(2, "0"); // 日期补零
            // 右边 当天-5
            const cpastDate = new Date(today);
            cpastDate.setDate(today.getDate() - 5);
            companyEduForm.value.eyear = cpastDate.getFullYear().toString();
            companyEduForm.value.emonth = String(cpastDate.getMonth() + 1).padStart(2, "0");
            companyEduForm.value.eday = String(cpastDate.getDate()).padStart(2, "0");
            companyEduForm.value.speakerSign =
              "";
          };
          const onInput = (e, key) => {
            window.parent.postMessage(
              {
                key,
                isFill: e != "",
                form: "companyEduForm",
              },
              "*"
            );
          };
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            companyEduForm,
            setUpEquipment,
            onInput,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
